{% extends "base.html" %}
{% from "_icones.html" import icone %}
{% block titulo %}Auditoria{% endblock %}
{% block conteudo %}
<div class="topo">
  <div><h1>Auditoria</h1><p>Quem fez o quê e quando: emissões, cancelamentos, cadastros, configurações e logins (últimos 500 registros).</p></div>
</div>
<form class="cartao" method="get"><div class="corpo"><div class="campos">
  <div class="c9"><input name="q" value="{{ busca }}" placeholder="Filtrar por usuário, ação ou detalhe"></div>
  <div class="c3"><button class="btn" style="width:100%">{{ icone('busca') }} Filtrar</button></div>
</div></div></form>
<div class="cartao" style="margin-top:18px">
  {% if registros %}
  <div class="tabela-wrap"><table class="tab">
    <thead><tr><th>Quando</th><th>Usuário</th><th>Ação</th><th>Detalhe</th><th>Resultado</th></tr></thead>
    <tbody>{% for r in registros %}
      <tr><td class="nowrap peq">{{ r.quando }}</td><td>{{ r.usuario or '—' }}</td><td class="mono peq">{{ r.acao }}</td>
        <td class="peq">{% if r.info %}{{ r.info.rota }}{% for k, v in r.info.items() if k not in ('rota', 'campos') %} · {{ k }} {{ v }}{% endfor %}
          {% if r.info.campos %}<details><summary class="suave">campos</summary>{% for k, v in r.info.campos.items() %}<div><b>{{ k }}</b>: {{ v }}</div>{% endfor %}</details>{% endif %}
          {% else %}{{ r.detalhe }}{% endif %}</td>
        <td class="peq">{% if r.resultado and r.resultado|string >= '400' %}<span class="selo erro">{{ r.resultado }}</span>{% else %}{{ r.resultado }}{% endif %}</td></tr>{% endfor %}</tbody>
  </table></div>
  {% else %}<div class="vazio">{{ icone('olho') }}<div>Nenhum registro.</div></div>{% endif %}
</div>
{% endblock %}